<template>
<div class="tableList">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
  <el-form-item label="车牌号">
    <el-input v-model="formInline.user" placeholder="审批人"></el-input>
  </el-form-item>
  <el-form-item label="车型">
    <el-select v-model="formInline.user" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  </el-form-item>
  <el-row>
  <el-form-item label="行业">
    <el-select v-model="formInline.user" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  </el-form-item>

  <el-form-item label="状态">
    <el-select v-model="formInline.user" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">查询</el-button>
  </el-form-item>
  </el-row>
</el-form>
<div class="table-data">
    <el-table
      :data="tableData"
        border
      style="width: 95%"
       :cell-style="{ color: '#fff' }"
      :header-cell-style="{ background:'#004d8c', color: '#fff' }" > 
      <el-table-column
        prop="date"
        label="车牌号"
        >
      </el-table-column>
      <el-table-column
        prop="name"
        label="行业名"
        >
      </el-table-column>
      <el-table-column
        prop="address"
        label="车型">
      </el-table-column>
          <el-table-column
        prop="address"
        label="省（归属地）">
      </el-table-column>
                <el-table-column
        prop="address"
        label="当日行驶里程数">
      </el-table-column>
          <el-table-column
        prop="address"
        label="车辆状态">
      </el-table-column>

         
    </el-table>
</div>
    </div>
  </template>

  <script>
    export default {
      data() {
        return {
           formInline: {
          user: '',
          region: ''
        },
        options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
      },
      methods:{
          onSubmit(){
        console.log('submit!');
      }
      }
    }
  </script>
<style lang="css" scoped>
@import url("../../assets/css/layout.css");

.el-form-item__label{
  color: #fff;
}
.el-input__inner{
  background-color: transparent !important;
  border: 1px solid #1296db;
}
.el-input >>>.el-input__inner {
  background-color: transparent !important;
  border: 1px solid #1296db;
}
/*最外层透明*/
::v-deep .el-table,
::v-deep .el-table__expanded-cell {
  background-color: transparent !important;
}
/* 表格内背景颜色 */
::v-deep .el-table th,
::v-deep .el-table tr,
::v-deep .el-table td {
  background-color: transparent !important;
}

.el-table >>>.el-table__header-wrapper{
  background-color: #004586;
}

</style>
